@charset "utf-8";

/* --手机端导航-- */
.sj_nav_all{display:none;box-shadow:0px 0px 8px rgba(0,0,0,0.2);z-index:99999;}
.sj_lightbox{width:100%;height:100%;position:fixed;left:0;top:0;background-color:rgba(0,0,0,0.6);z-index:9900;display:none;}

.sj_head{width:100%;height:62px;display:block;position:fixed;left:0;top:0;z-index:9999;background:#FFF;box-shadow:0px 0px 8px rgba(0,0,0,0.2);}
.sj_head_logo{width:80%;height:62px;float:left;padding-left:15px;overflow:hidden;}
.sj_head_logo img{width:auto;height:26px;float:left;margin-top:18px;}
.sj_head_logo b{width:auto;height:62px;float:left;font-size:18px;color:#FFF;line-height:72px;font-family:Tahoma, Geneva, sans-serif;}
.sj_head_bar{width:14%;height:62px;padding-top:18px;float:right;position:relative;cursor:pointer;}
.sj_head_bar .bar{width:50%;max-width:30px;height:3px;margin:5px auto 0;display:block;background-color:#250908;
    transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;
}
.sj_head_bar.sj_head_bar_active .bar:nth-child(1){
	margin-top:12px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.sj_head_bar.sj_head_bar_active .bar:nth-child(2){opacity:0;}
.sj_head_bar.sj_head_bar_active .bar:nth-child(3){
	margin-top:-11px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sj_nav{width:86%;height:100%;background:#fff;overflow:auto;position:fixed;left:-86%;top:0;z-index:9999;}
.sj_nav_top{width:100%;height:62px;overflow:hidden;border-bottom:1px solid #eef1f4;}
.sj_nav_top_logo{width:auto;height:32px;margin-left:15px;margin-top:15px;float:left;}
.sj_nav_top_logo img{max-width:100%;height:32px;}

.sj_nav_ser{width:100%;position:relative;}
.sj_nav_ser form{width:100%;position:relative;}
.sj_nav_ser .s{width:100%;height:56px;line-height:24px;font-size:15px;color:#333;padding:15px 55px 15px 15px;background:#FFF;border:none;border-bottom:#eef1f4 solid 1px;outline:none;float:left;}
.sj_nav_ser .b{width:50px;height:56px;cursor:pointer;border:none;outline:none;position:absolute;right:0px;top:0px;background:url(../image/search2.png) no-repeat center;}

.sj_nav_li{margin:0px 15px;border-bottom:1px solid #ddd;}
.sj_nav_li a{font-size:16px;color:#250908;display: block;}
.sj_nav_li .navn{height:50px;line-height:50px;padding:0px 5px;}
.sj_nav_li .navn .yw500{width:100%;}
.sj_nav_li .navm{width:100%;}
.sj_nav_li .navl{width:35%;float:left;}
.sj_nav_li .navr{width:65%;float:right;text-align: right;}
.sj_nav_li .navr img{width:15px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:transform 0.5s;-moz-transition:transform 0.5s;-o-transition:transform 0.5s;transition:transform 0.5s;}
.sj_nav_li ul{display:none;padding:5px 0;}
.sj_nav_li ul li a{width:100%;height:40px;line-height:40px;padding:0px 5px;font-size:15px;color:#333;}
.sj_nav_li.current .navn{background-color:#436e65;}
.sj_nav_li.current .navl{color: #fff;} 
.sj_nav_li.current .navr img{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}


@media screen and (max-width: 1800px){
	
}
@media screen and (max-width: 1680px){
	
}
@media screen and (max-width: 1440px){
	.pub{width:90%;}
	.top{width:90%;}
	.header{width:98%;}
	
	
	.nava{width:52%;margin-right:2%;}
	.search{ display:none;}
	
	.inner_pro_type li .inner_pro_type_after .inner_pro_type_tit{ font-size:21px;}
	

	
}
@media screen and (max-width: 1200px){



}
/* --转成wap-- */
@media screen and (max-width: 960px){
	body{padding-top:62px;}
	.banner_bj{margin-top:0;}
	.pub{width:90%;padding-left:20px;padding-right:20px;}
	.header_bg{display:none;}
	.top_bj{display:none;}
	.sj_nav_all{display:block;}
	
	
	

	
	.index1_bj{ margin-top:50px;}
	
	.index1_top img{ width:60%;}
	.index1_left{ width:100%; float:none;}
	.index1_left_top{ font-size:28px; color:#252525; margin-top:20px;}
	
	.index1_right{ width:100%; float:none; position:relative; margin-top:30px;}
	.index1_right_con{ position:absolute; top:0; left:0; font-size:18px; color:#333e46;}
	.index1_right_con p{ font-size:28px; color:#333e46; margin:0;}
	.index1_right_con2{ position:absolute; bottom:0; left:120px; color:#060606; font-size:18px;}

	
	.index2 li{ width:42%; float:left; color:#436e65; font-size:25px; margin:4%;}
	.index2_num img{ width:100%;}
	
	.index3_left{ width:100%; float:none; margin-top:7%; position:relative;}
	.index3_right{ width:100%; float:none;}
	.index3_pro_type li{ width:99.5%; float:left; color:#fff; border-left:1px solid rgba(255,255,255,0.26);}
	
	.index3_pro_type li .index3_pro_type_before { width: 100%; height: 100%; padding: 20px 20px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
	.index3_pro_type li .index3_pro_type_before .index3_pro_type_img{ margin-top:30px;}
	.index3_pro_type li .index3_pro_type_before .index3_pro_type_tit{ font-size:24px; margin-top:20px;}
	.index3_pro_type li .index3_pro_type_before .index3_pro_type_tit p{ font-size:16px; font-weight:bold; margin:10px 0; height:30px; overflow:hidden;}
	.index3_pro_type li .index3_pro_type_before .index3_pro_type_more{ margin-top:20px; color:#fff; margin-bottom:30px;}
	.index3_pro_type li .index3_pro_type_before .index3_pro_type_more img{ margin-left:10px;}

	.index3_pro .index3_pro_img{ width:48%; padding:0 1%; float:left; margin-top:30px;}
	
	.index4_left_top{ float:none; width:100%;}
	.index4_left_top img{ width:90%;}
	.index4_left_top p{ font-size:28px;}
	.index4_mid{ width:100%; float:none; margin-left:0%;}
	.index4_mid_con img{ width:100%;}
	.index4_mid .index4_mid_line{margin:10px 0;}
	.index4_right{ width:100%; float:none; margin-right:0%;}
	.index4_right img{ width:100%;}
	
	.index5 li{ width:100%; float:none; overflow:hidden;}
	.index5_left{ width:92%; float:none; padding:5% 4%;}
	.index5_right{ width:100%; float:none;}

	
	.index6_top{ float:none; width:100%;}
	.index6_top img{ width:50%;}
	.index6_top p{ font-size:28px;}

	.index6_left{ width:100%; height:auto; float:none; position:relative; height:550px;}
	.index6_left_con{ width:65%; background:#f6f6f6; padding:5% 10% 20% 5%; position:absolute; top:0; left:0;}
	.index6_left_con p{ font-size:28px; color:#252525;}
	.index6_left_con1{ font-size:18px; color:#909090; margin-top:20px; width:70%;}
	.index6_left_img{ width:70%; position:absolute; bottom:0; right:0; z-index:9;}
	#owl-demo2 .item{position:relative; height:550px;}
	.index6_left_more{ width:70%;}

	.index6_right{ width:100%; height:auto; float:none; margin-top:40px;}
	
	.index7_left{ width:100%; float:none;}
	.index7_left_top{ position:relative; z-index:9;}
	.index7_left_top img{ width:50%;}
	.index7_left_top p{font-size:28px;}
	
	.index7_right{ width:100%; background:#fff; float:none;}
	.index7_right li{ width:100%; float:none; }
	
	.index8_left{ float:none; width:100%;}
	.index8_mes .input-group #captcha{ float:left; width:55%;}
	.index8_right{  float:none; width:100%; margin-top:30px;}
	.index8_right ul{ float:none; width:100%; padding:0; margin-top:20px;}
	.index8_right ul li p{ float:none;}
	.index8_right ul li span{ display:block;}
	.cop{ float:none; width:100%; margin-top:5%;}
	
	.foot li{ float:none; width:100%; font-size:20px; color:#fffefe; overflow:hidden; margin-bottom:10px;}
	.foot li span{ font-size:16px; color:#afc0bd; display:inline-block; padding-right:10px;}

	
	.banner_about_bj{ margin-top:0;}
	.inner_about_left{ float:none; font-size:28px;}
	.inner_about1_top p{ font-size:28px;}
	.inner_about_right{ float:none; width:100%;}
	
	.inner_about1_main li{ float:none; border-right:none; width:100%;}
	.inner_about2 li{ width:90%; float:none; min-height:400px; position:relative;}
	.inner_about2 .i4{ width:90%;}
	
	.inner_banner_bj{ margin-top:0; height:200px; position:relative;}
	.inner_banner_left{ width:70%; height:150px; float:left; color:#ffffff; font-size:28px; font-weight:bold; padding:50px 0 0 5%;}
	.inner_banner_left p{ font-size:18px; color:#ffffff; text-transform:uppercase; margin:0;}
	.inner_banner_right{ width:70%; font-size:18px; color:#ffffff; line-height:48px; background:rgba(226,226,226,0.82); position:absolute; bottom:0; right:0;}
	.inner_banner_right .catname{ display:none;}
	
	.inner_pro_type{ margin-top:30px; overflow:hidden;}
	.inner_pro_type li{ width:100%; min-height:auto; float: none; color:#000; border:1px solid #bfbfbf; margin:1.5% 0;}
	.inner_pro_type li .inner_pro_type1{ width:100%; height:100%; position:relative}
	.inner_pro_type li .inner_pro_type_after{  width: 100%; height: 100%; -webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; text-align:center;}
	.inner_pro_type li .inner_pro_type_after .inner_pro_type_img{ display:none;}
	.inner_pro_type li .inner_pro_type_after .inner_pro_type_img img{ width:100%;}
	.inner_pro_type li .inner_pro_type_after .inner_pro_type_tit{ color:#232121; font-size:20px; margin-top:10px; margin-bottom:0;}
	.inner_pro_type li .inner_pro_type_after .inner_pro_type_tit img{ margin-right:20px;}
	.inner_pro_type li .inner_pro_type_after .inner_pro_type_tit2{ color:#232121; border:1px solid #7d7d7d; line-height:40px; text-align:center; margin-top:10px; display:inline-flex; padding:0 5px;}
	.inner_pro_type li .inner_pro_type_after .inner_pro_type_after1{padding:0 0 30px 0;height: 100%;}
	
	
	.inner_pro_main .pro li{ float:left; width:46%; margin:1%; background:#fff; padding:50px 1%}
	.inner_pro_main .pro li .pro_title{ float:none; width:100%;}
	.inner_pro_main .pro li .pro_title .pro_tit{ font-size:20px; color:#2c2c2c; line-height:60px; height:60px; overflow:hidden;}
	.inner_pro_main .pro li .pro_title .pro_con{ line-height:30px; height:60px; font-size:15px; overflow:hidden;}
	.inner_pro_main .pro li .pro_title .pro_line{ width:100%; height:1px; background:#dadada; position:relative; margin:20px 0;}
	.inner_pro_main .pro li .pro_title .pro_line p{ width:10%; height:4px; background:#00bf86; position:absolute; left:0; bottom:-1px; margin:0;}
	.inner_pro_main .pro li .pro_img{ width:100%; float:none; margin-top:20px;}
	.inner_pro_main .pro li .pro_img img{ width:100%;}
	.pro_more{margin-top:0;}
	
	.proleft { width:100%; float:none;}
	.proright { width:90%; float:none; padding:5%;}
	
	
	
	.news ul li{ height:auto; overflow:hidden; width:100%;  float:left; margin:1% 0;}
	
	.inner_case li{width:48%;float:left;margin:1%;}
	.inner_case li .title{ font-size:16px;line-height:24px;height:24px; overflow:hidden;}
	
	.inner_kjsl_top p{ font-size:28px;}
	.inner_kjsl_main li{ width:100%; margin:5% 0; background:#f7f7f7; float:none; overflow:hidden;}
	.inner_kjsl_main li .inner_kjsl_img{ width:100%;}
	.inner_kjsl_main li .inner_kjsl_img img{ width:100%;}
	.inner_kjsl_main li .inner_kjsl_con{ width:90%; margin-right:0%; color:#5b5b5b; font-size:15px; margin-top:3%; padding:5%;}
	.inner_kjsl_main li .inner_kjsl_con p{ font-size:20px; color:#202020;}
	.inner_kjsl_main li .inner_kjsl_con p img{ margin-right:10px;}
	
	.inner_contact_top{ color:#1f1f1f; font-size:28px; font-weight:bold; border-bottom:1px solid #b8b8b8; margin-top:30px; }
	.inner_contact_left{ width:100%; float:none;}
	.inner_contact_right ul li p{ margin:0; font-size:18px; color:#2f2f2f;}
	.inner_contact_right ul li span{ font-size:20px; color:#d3a215;}

	.inner_contact_right{ width:90%; float:none; margin:5%;height: auto; overflow:hidden;}
	
	.inner_message_left{ width:100%; float:none; font-size:16px; color:#878787;}
	.inner_message_right{ width:100%; float:none; margin-top:30px;}
	
	.inner_message_right .input-group{ margin-bottom:10px; width:97%; margin-right:0; float:none;}
	.inner_message_right #captcha{ float:left; width:60%;}
	.inner_message_right #submit{ line-height:58px; height:58px; text-align:center; color:#fff; width:100%; margin-right:0%; background:#00bf86; float:none;}


	
	#dituContent{ width:100%; height:396px;}

	

	

	
}
@media screen and (max-width: 772px){
	.strengthMain li{float:left;width:100%;height:100%;overflow:hidden;background:#000;position:relative; margin:20px 0%;}
	
	
	

		

}
@media screen and (max-width: 584px){

}